/* Variable definitions
====================
<Variable name="bgcolor" description="Page Background Color"
type="color" default="#fff" value="#777777">
<Variable name="textcolor" description="Text Color"
type="color" default="#333" value="#333333">
<Variable name="linkcolor" description="Link Color"
type="color" default="#58a" value="#5588aa">
<Variable name="pagetitlecolor" description="Blog Title Color"
type="color" default="#666" value="#666666">
<Variable name="descriptioncolor" description="Blog Description Color"
type="color" default="#999" value="#999999">
<Variable name="titlecolor" description="Post Title Color"
type="color" default="#c60" value="#cc6600">
<Variable name="bordercolor" description="Border Color"
type="color" default="#ccc" value="#cccccc">
<Variable name="sidebarcolor" description="Sidebar Title Color"
type="color" default="#999" value="#999999">
<Variable name="sidebartextcolor" description="Sidebar Text Color"
type="color" default="#666" value="#666666">
<Variable name="visitedlinkcolor" description="Visited Link Color"
type="color" default="#999" value="#999999">
<Variable name="bodyfont" description="Text Font"
type="font" default="normal normal 100% Georgia, Serif" value="normal normal 11px Verdana, Geneva, sans-serif">
<Variable name="headerfont" description="Sidebar Title Font"
type="font"
default="normal normal 78% 'Trebuchet MS',Trebuchet,Arial,Verdana,Sans-serif" value="normal normal 78%  'Trebuchet MS',Trebuchet,Arial,Verdana,Sans-serif">
<Variable name="pagetitlefont" description="Blog Title Font"
type="font"
default="normal normal 200% Georgia, Serif" value="normal normal 200% Georgia, Serif">
<Variable name="descriptionfont" description="Blog Description Font"
type="font"
default="normal normal 78% 'Trebuchet MS', Trebuchet, Arial, Verdana, Sans-serif" value="normal normal 78% 'Trebuchet MS', Trebuchet, Arial, Verdana, Sans-serif">
<Variable name="postfooterfont" description="Post Footer Font"
type="font"
default="normal normal 78% 'Trebuchet MS', Trebuchet, Arial, Verdana, Sans-serif" value="normal normal 78% 'Trebuchet MS', Trebuchet, Arial, Verdana, Sans-serif">
<Variable name="startSide" description="Side where text starts in blog language"
type="automatic" default="left" value="left">
<Variable name="endSide" description="Side where text ends in blog language"
type="automatic" default="right" value="right">
*/
#navbar-iframe,#Navbar1{display:none!important}
header,nav,section,aside,article,footer{display:block}
/* Use this with templates/template-twocol.html */
body,.body-fauxcolumn-outer{background:white;margin:0;padding:0;color:#333333;font:x-small Georgia Serif;font-size
/* */:/**/
small;font-size:/**/
small;text-align:center}
*{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}
a,img{-webkit-transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out;-ms-transition:all .4s ease-in-out;transition:all .4s ease-in-out}
#NoScript{background:none repeat scroll 0% 0% rgb(255,255,255);text-align:center;padding:5px 0;border-top:2px solid #0073B4;border-bottom:2px solid #0073B4;position:absolute;top:0;left:0;width:100%;height:100%;z-index:9999;opacity:0.9}
#NoScript h6{font-size:24px;color:rgb(102,102,102);position:absolute;top:50%;width:100%;text-align:center;margin-left:-30px;margin-top:-18px}
a:link{color:#00A321;text-decoration:none}
a:visited{color:#8CB494;text-decoration:none}
a:hover{color:#08C92E;text-decoration:underline}
a img{border-width:0}
/* Header
-----------------------------------------------
*/
#header-wrapper{margin:0 auto 0;padding:10px;color:white}
#header{text-align:left;color:#00A33B;margin:0}
#header h1,#header p{margin:5px 5px 0;padding:15px 20px .25em;line-height:1.2em}
#header a{color:#00A33B;text-decoration:none}
#header a:hover{color:#00A33B}
#header .description{margin:0 0 5px;padding:0 2px 15px;color:#999999}
#header img{margin-left:auto;margin-right:auto}
/* Navigation
----------------------------------------------- */
#nav{background-color:#00A33B;font:normal bold 11px Arial,Sans-Serif;color:#DADADA;height:30px}
#nav ul,#nav li{margin:0 0;padding:0 0;list-style:none}
#nav ul{height:30px}
#nav li{float:left;display:inline;position:relative}
#nav a{display:block;line-height:30px;padding:0 14px;text-decoration:none;color:#F1F1F1}
#nav li:hover > a,#nav li a:hover{background-color:#09C03C}
#nav input{display:none;margin:0 0;padding:0 0;width:80px;height:30px;opacity:0;cursor:pointer}
#nav label{display:none;font-size:300%;width:30px;height:30px;line-height:30px;text-align:center}
#nav label span{font-size:12px;position:absolute;left:32px}
#nav ul.subx{height:auto;overflow:hidden;width:180px;background-color:#09C03C;position:absolute;z-index:99;display:none;border-top:0}
#nav ul.subx li{display:block;width:100%}
#nav li:hover ul.subx{display:block}
#nav a.dgnsub{padding:0 20px 0 14px}
#nav a.dgnsub::after{content:"";width:0;height:0;border-width:5px 4px;border-style:solid;border-color:#F1F1F1 transparent transparent transparent;position:absolute;top:12px;right:7px}
#nav ul.subx a:hover{padding-left:18px}
/* Outer-Wrapper
----------------------------------------------- */
#outer-wrapper {
width:990px;
margin:0 auto;
padding:0;
text-align:left;
font:normal normal 12px "Courier New", Courier, "Lucida Sans Typewriter", "Lucida Typewriter", monospace;
}
#main-wrapper{width:70%;float:left;position:relative;word-wrap:break-word;/* fix for long text breaking sidebar float in IE */
overflow:hidden;/* fix for long non-text content breaking IE sidebar float */}
#sidebar-wrapper{width:30%;float:right;word-wrap:break-word;/* fix for long text breaking sidebar float in IE */
overflow:hidden;/* fix for long non-text content breaking IE sidebar float */}
#sidebar-wrapper h2,#footer-wrapper h2{background-color:#00A33B;color:white;padding:5px 10px;margin:0 0 10px}
#sidebar-wrapper .widget-content,#footer-wrapper .widget-content{padding:0;margin:0}
/* Headings
----------------------------------------------- */
h1,h2,h3,h4,h5,h6,#header p.title{font-family:Georgia,Times,"Times New Roman",serif;font-weight:normal;margin:0}
/* Posts
-----------------------------------------------
*/
.date-header{margin:1.5em 0 .5em;display:none}
.post{margin:.5em 0 1.5em;padding-bottom:1.5em}
.post h1,.post h2{margin:.25em 0 0;padding:0 0 4px;font-size:170%;font-weight:normal;line-height:1.4em}
.post h1 a,.post h1 a:visited,.post h1 strong,.post h2 a,.post h2 a:visited,.post h2 strong{display:block;text-decoration:none;font-weight:normal}
.post .post-title{margin-bottom:15px}
.post-body{margin:0 0 .75em;font-size:14px}
.post-body blockquote{line-height:1.3em}
.post-footer{margin:.75em 0;position:absolute;left:-9999px;color:#999999;letter-spacing:.1em;line-height:1.4em}
.comment-link{margin-left:.6em}
.tr-caption-container img{border:none;padding:0}
.post blockquote{margin:1em 20px}
.post-body blockquote{line-height:1.6em;position:relative;font-family:Georgia,serif;font-size:12px;font-style:italic;padding:0.25em 40px}
.post-body blockquote::before{display:block;content:"\201C";font-size:70px;position:absolute;left:0;top:15px}
.post blockquote p{margin:.75em 0}
/* Comments
----------------------------------------------- */
.isiheadrl,.bksheadcomment{border-bottom:3px solid #00A33B;overflow:hidden;height:30px}
#related_posts h4,#comments .bksheadcomment h4{position:relative;float:left;background-color:#00A33B;line-height:27px;height:30px;padding:0 10px;font-size:15px;margin:0;color:white;font-weight:normal;text-transform:capitalize}
#related_posts h4::after,#comments .bksheadcomment h4::after{content:"";width:0;height:0;border-width:15px 5px;border-style:solid;border-color:transparent transparent #00A33B #00A33B;position:absolute;top:0;left:100%}
#comments-block{margin:1em 0 1.5em;line-height:1.6em}
#comments-block .comment-author{margin:.5em 0}
#comments-block .comment-body{margin:.25em 0 0}
#comments-block .comment-footer{margin:-.25em 0 2em;line-height:1.4em;text-transform:uppercase;letter-spacing:.1em}
#comments-block .comment-body p{margin:0 0 .75em}
.deleted-comment{font-style:italic;color:gray}
.comments .comments-content .comment{margin-bottom:0}
.comments .avatar-image-container,.comments .avatar-image-container img{width:40px;height:40px;max-height:40px;max-width:40px}
.comments .inline-thread .avatar-image-container,.comments .inline-thread .avatar-image-container img{width:33px;height:33px}
.comments .inline-thread .comment-block{margin-left:42px}
.comments .comment .comment-actions a{padding:2px 5px;color:white;background-color:#00A33B;margin-right:3px}
.comments .comment .comment-actions a:hover{text-decoration:none;background-color:#09C03C}
.comments .comments-content .inline-thread{padding:5px 0 5px 10px}
.comments .comments-content .inline-thread .comment{border-left:2px solid #00A33B;margin:0;padding:7px 0 7px 7px;background-color:#F2FFF6}
.comments .comment .inline-thread .comment-actions a{background-color:transparent;color:black;padding:0;font-weight:bold}
.comments .comments-content .icon.blog-author{position:absolute;right:-1px;top:-1px;width:36px;height:36px;background-image:url(http://4.bp.blogspot.com/-bbRR1iFJJtU/UNWERnHIfkI/AAAAAAAAHMQ/0u4RzuBMyyw/s1600/author-green.png);background-position:0 0;background-repeat:no-repeat}
.comments .comments-content .inline-thread .icon.blog-author{top:-9px}
.comments .comments-content .comment-content{padding-right:10px}
#blog-pager-newer-link{float:left}
#blog-pager-older-link{float:right}
#blog-pager{text-align:center}
.feed-links{display:none}
/* Sidebar Content
----------------------------------------------- */
.sidebar{color:#666666;line-height:1.5em}
.sidebar ul,.footer ul{list-style:none;margin:0 0 0;padding:0 0 0}
.sidebar li,.footer li{margin:0;padding-top:0;padding-right:0;padding-bottom:.25em;padding-left:15px;line-height:1.3em}
.sidebar .widget,.main .widget{margin:0;padding:0}
.main .Blog{border-bottom-width:0}
/* Profile
----------------------------------------------- */
.profile-img{float:left;margin-top:0;margin-right:5px;margin-bottom:5px;margin-left:0;padding:4px;border:1px solid #cccccc}
.profile-data{margin:0;font-weight:bold;line-height:1.6em}
.profile-datablock{margin:.5em 0 .5em}
.profile-textblock{margin:0.5em 0;line-height:1.6em}
.profile-link{text-transform:uppercase;letter-spacing:.1em}
/* Footer
----------------------------------------------- */
img{max-width:100%;height:auto;width:auto\9}
img:hover{opacity:0.5;-ms-filter:"progid:DXImageTransform.Microsoft. Alpha(Opacity=50)";filter:alpha(opacity=50)}
.infox{position:absolute;top:5px;left:0;background-color:#00A33B;font-size:9px;border-radius:0 4px 4px 0;width:25px;height:25px;overflow:hidden}
.infox .post-author.vcard,.infox .d-header,.infox .koment-header,.infox .labelxatas{padding:0 8px 0 22px;line-height:20px;background-image:url(http://2.bp.blogspot.com/-JMUBMkGYcX8/UM9jRlNTEDI/AAAAAAAAHKg/oxn7iJgRXRg/s1600/spite1.png);background-position:0 0;background-repeat:no-repeat}
.infox .post-author.vcard{background-position:0 -37px}
.infox .d-header{background-position:0 0}
.infox .koment-header{background-position:0 -110px}
.infox .labelxatas{background-position:0 -225px;border-radius: 0 0 4px 0;background-color:#09C03C}
.labelxatas a{display:block}
.infox,.infox a{color:white;text-decoration:none}
.infox a:hover{color:#BDF8C6}
.infopostx{display:block;width:25px;height:25px;position:absolute;top:0;right:0;text-indent:-9999px;border-radius:0 4px 4px 0;background:#00A33B url(http://2.bp.blogspot.com/-JMUBMkGYcX8/UM9jRlNTEDI/AAAAAAAAHKg/oxn7iJgRXRg/s1600/spite1.png) 2px -71px no-repeat}
ul#tebslect,ul#tebslect li,#rcentcomnets ul,#rcentcomnets li{padding:0;margin:0;list-style:none;overflow:hidden}
#isifooter{overflow:hidden}
#footer-wrapper .footer-wrap{width:32.3%;float:left}
#footer-wrapper .tengahfoot{margin:0 1.5%}
#menulabel{height:30px;border-bottom:3px solid #00A33B;margin-bottom:10px;margin-right:15px}
#viewnlabel{float:left;background-color:#00A33B}
#view{float:left;width:60px}
#view a{display:block;width:30px;height:30px;float:left;text-indent:-9999px;background-image:url(http://2.bp.blogspot.com/-JMUBMkGYcX8/UM9jRlNTEDI/AAAAAAAAHKg/oxn7iJgRXRg/s1600/spite1.png);background-position:0 0;background-repeat:no-repeat}
#view .grid{background-position:5px -144px}
#view .list{background-position:5px -182px}
#view .active{background-color:#09C03C}
#searchnya{float:right}
#ajax-search-form{position:relative;font:normal normal 13px Arial,Sans-Serif}
#ajax-search-form a{color:#00A321;text-decoration:none}
#ajax-search-form input{border:1px solid #CCC;background:url(http://3.bp.blogspot.com/-F6JS0gzLxag/UwI54vaUTlI/AAAAAAAAATE/EEQ-eSyg-yc/s1600/search.png) no-repeat scroll 95% 50% #fff;color:#6F6F6F;margin:0 0 3px;padding:4px;font-size:11px;border-top-color:#999;width:140px}
#ajax-search-form input[type="submit"]{width:auto;background-color:#00A33B;border:none;color:white;font-weight:bold;cursor:pointer}
#ajax-search-form input[type="submit"]:hover,#ajax-search-form input[type="submit"]:focus{background-color:#09C03C}
#search-result{border:1px solid #F3F3F3;background-color:white;padding:8px 10px;margin:2px 0;width:270px;height:auto;position:absolute;top:100%;right:0;z-index:99;-webkit-box-shadow:0 1px 3px rgba(112,112,112,0.3);-moz-box-shadow:0 1px 3px rgba(112,112,112,0.3);box-shadow:0 1px 3px rgba(112,112,112,0.3);display:none}
#search-result *{margin:0 0 0 0;padding:0 0 0 0}
#search-result h4,#search-result strong{display:block;margin:0 30px 10px 0}
#search-result ol{margin:0 0 10px 25px}
#search-result ol a:hover{text-decoration:underline}
#search-result .close{display:block;position:absolute;top:4px;font-size:18px;right:10px;line-height:normal;color:black}
#search-result strong{color:#B75252}
.CSS_LIGHTBOX .CSS_LIGHTBOX_BG_MASK{background-color:#7FBD8E}
.CSS_LIGHTBOX .CSS_LIGHTBOX_BG_MASK_TRANSPARENT{opacity:.5}
.CSS_LIGHTBOX .CSS_LIGHTBOX_SCALED_IMAGE_IMG{outline:1px solid #0E9C36}
.CSS_LIGHTBOX .CSS_LIGHTBOX_SCALED_IMAGE_IMG:hover{opacity:1}
.CSS_LIGHTBOX .CSS_LIGHTBOX_FILMSTRIP{background-color:#56C56C;background-color:rgba(22,145,47,0.18)}
.CSS_LIGHTBOX .CSS_LIGHTBOX_INDEX_INFO{color:#353535}
body div.errorx{position:fixed;padding-top:150px;top:0;bottom:0;font-size:120%;z-index:999;background:black;background-color:rgba(0,0,0,0.76);width:100%;height:100%;color:white}
#breaknewsx{height:25px;margin:0 0 11px 0;overflow:hidden}
#breaknewsx > span{line-height:25px;padding:0 20px 0 10px;display:block;float:left;text-align:center;margin-right:10px;background-color:#00A33B;color:white;position:relative}
#breaknewsx > span::after{content:"";width:0;height:0;border-width:7px 5px;border-style:solid;border-color:transparent transparent transparent #E9E9E9;position:absolute;top:6px;right:2px}
#rcentpost{float:left;line-height:25px}
#rcentpost ul,#rcentpost li{padding:0;margin:0;list-style:none;overflow:hidden}
::selection{background:#00A33B;color:#fff;text-shadow:none}
::-moz-selection{background:#00A33B;color:#fff;text-shadow:none}
#top-arrow{display:block;width:30px;height:32px;position:absolute;right:0;background-color:#00A33B;border:1px solid #007726}
#top-arrow::after{content:"";width:0;height:0;border-width:8px 6px;border-style:solid;border-color:transparent transparent #F1F1F1 transparent;position:absolute;top:3px;right:8px}
#top-arrow:hover{background-color:#09C03C}
.button_up{background:url("http://4.bp.blogspot.com/-7zE5N9GdDUk/T6rH17KE6II/AAAAAAAACeQ/aEcKRyEhxsE/s16/arrow_up.png") no-repeat scroll 50% 50% #00a33b;border-radius:3px;border:1px solid #ccc;bottom:280px;cursor:pointer;height:30px;opacity:.7;padding:7px;position:fixed;right:9px;white-space:nowrap;width:30px;}.button_down{background:url("http://3.bp.blogspot.com/-sukwuViZaYY/T6rH15A8niI/AAAAAAAACeM/YErd0S8lPGA/s16/arrow_down.png") no-repeat scroll 50% 50% #00a33b;border-radius:3px;border:1px solid #ccc;bottom:242px;cursor:pointer;height:30px;opacity:.7;padding:7px;position:fixed;right:9px;white-space:nowrap;width:30px;}
#calendarDisplay{display:none;}
#blogger_calendar{width:100%;margin:0 auto 0 0;}
#bcaption{border:1px solid #C7C7C7;background:#fff;font:bold 100% Tahoma,Arial,Sans-serif;margin:10px 0 0;padding:2px;}
#bcaption select{background:#ffff;border:0 solid #C7C7C7;color:#00a321;font-weight:700;text-align:center;}
table#bcalendar thead tr th{width:20px;text-align:center;border:1px solid #C7C7C7;font:bold 100% Tahoma,Arial,Sans-serif;background:#fff;color:#00a321;padding:3px;}
table#bcalendar{border:1px solid #C7C7C7;border-top:0;width:100%;background:#fff;margin:0;}
table#bcalendar tbody tr td{cursor:pointer;text-align:center;border-radius:4px;border:1px solid #C7C7C7;color:#666;font:bold 100% Tahoma,Arial,Sans-serif;padding:3px;}
table#bcalendar tbody tr td a:link,table#bcalendar tbody tr td a:visited,table#bcalendar tbody tr td a:active{font-weight:700;color:#fff;text-decoration:none;}
table#bcalendar tbody tr td a:hover{color:#fff;text-decoration:none;}
td.firstCell{visibility:visible;}
td.filledCell{background:#fff;}
td.filledCell:hover{background:#ddd;}
td.emptyCell{visibility:hidden;}
td.highlightCell{background:#00a321;border:1px solid #C7C7C7;}
td.highlightCell:hover{background:#09c03c;border:1px solid #C7C7C7;}
table#bcNavigation{width:100%;background:#fff;border:1px solid #C7C7C7;border-top:0;color:#0080ff;font:bold 100% Tahoma,Arial,Sans-serif;}
table#bcNavigation a:link{text-decoration:none;color:#00a321;}
table#bcNavigation a:hover{text-decoration:underline;}
td#bcFootPrev{width:10px;}
td#bcFootAll{text-align:center;}
td#bcFootNext{width:10px;}
ul#calendarUl{margin:5px auto 0!important;}
#calLoadingStatus img{display:block;width:80px;margin:10px auto;}
#header h1.title,#header p.title{font-size:220%;text-transform:uppercase;margin:0;padding:10px 0 0;}
.post-body h1{font-size:200%;}
.post-body h2{font-size:180%;}
.post-body h3{font-size:160%;}
.post-body h4{font-size:140%;}
.post-body h5{font-size:120%;}
.post-body h6{font-size:110%;}
#sibebar-tengah h2{position:absolute;left:-9999px;}
ul#tebslect li{width:32.3%;float:left;text-align:center;}
ul#tebslect li.tab2{margin:0 1.5%;}
ul#tebslect a{line-height:30px;display:block;background-color:#00A33B;color:#FFF;text-decoration:none;font-weight:700;}
ul#tebslect a:hover,ul#tebslect .selected a{background-color:#09C03C;}
#rcentcomnets li{padding:5px 0;}
.kmtimg{width:55px;height:55px;float:left;margin-right:5px;background-color:#0A0A0A;}
.kmtimg img{width:100%;height:100%;}
.ketkomt a{margin-right:5px;display:block;}
.ketkomt span{font-size:10px;display:block;}
.sidebar .widget,.footer .widget{margin:0 0 10px;}
.PopularPosts .item-thumbnail{width:70px;height:70px;background-color:#0A0A0A;}
.PopularPosts img{padding-right:0;width:100%;height:100%;display:block;}
.status-msg-wrap{padding:6px 0 21px;}
#creditxx{text-align:center;}
#labelxnya{float:left;position:relative;border-left:1px solid #09C03C;}
#labelxnya span{height:30px;cursor:pointer;display:block;color:#FFF;line-height:30px;font-size:12px;z-index:2;position:relative;padding:0 20px 0 12px;}
#labelxnya span::after{content:&quot;width:0;height:0;position:absolute;top:0;left:100%;border-color:transparent transparent #00A33B #00A33B;border-style:solid;border-width:15px 5px;}
#labelxnya .clicklabelx::before{content:&quot;width:0;height:0;position:absolute;top:13px;right:5px;border-color:#E9E9E9 transparent transparent;border-style:solid;border-width:5px 3px;}
#labelxnya ul,#labelxnya li{list-style:none;margin:0;padding:0;}
#labelxnya ul.labelxx{position:absolute;width:180px;top:30px;background-color:#FFF;border:1px solid #ECECEC;display:none;z-index:2;}
ul.labelxx a{height:25px;line-height:25px;display:block;text-decoration:none;padding:0 10px;}
ul.labelxx a:hover{background-color:#D2FAE2;}
#labelxnya:hover ul.labelxx{display:block;}
ul.recntpstt,ul.recntpstt li,ul.rcomnetxx,ul.rcomnetxx li{list-style:none;overflow:hidden;margin:0;padding:0;}
ul.recntpstt .thumbp,ul.rcomnetxx .kmtimg{float:left;margin:0 5px 3px 0;}
ul.recntpstt strong,ul.rcomnetxx strong{display:block;}
ul.recntpstt p,ul.rcomnetxx p{margin:5px 0 10px;}
ul.recntpstt .date,ul.recntpstt .cm,ul.rcomnetxx .date{font-size:10px;}
ul.rcomnetxx .dd,ul.rcomnetxx .dm,ul.rcomnetxx .dy{margin-right:3px;}
ul.recntpstt .cm{padding-left:5px;border-left:1px solid #969191;}
#content-wrapper{position:relative;padding:10px 0 30px;}
#nav li.mhome a{background-color:transparent;background-image:url("http://4.bp.blogspot.com/-BPpsKK84W2w/UJV6sFxkqDI/AAAAAAAAGgc/3TwsYkMwxsE/s1600/home+(1).png");background-position:50% -2px;background-repeat:no-repeat;border-left:0 none;height:30px;text-indent:-9999px;width:52px;}
#nav-top{background-color:#ececec;border-bottom:1px solid #dfdfdf;}
#nav-top .menutopx{height:25px;line-height:25px;width:98%;margin:0 auto;}
.jdulatas{float:left;}
.jdlnyatas{border-right:1px solid #4d4d4d;padding:0 5px 0 0;}
.fa-2{font-size:1.555em;}
@media only screen and (min-width:768px) and (max-width:989px){
  #outer-wrapper{width:754px}
  #main-wrapper{width:65%}
  #sidebar-wrapper{width:35%}
  #menulabel{margin-right:10px}
  .widget iframe,.widget object,.widget embed,.widget video {width: 100%;}  
}
@media only screen and (max-width:767px){
  #outer-wrapper{width:445px}
  #main-wrapper,#sidebar-wrapper{width:100%;padding:0;float:none}
  #nav{position:relative}
  #nav ul{background-color:#08B33F;position:absolute;top:100%;right:0;left:0;z-index:3;height:auto;display:none}
  #nav ul.subx{width:100%;position:static}
  #nav li{display:block;float:none;width:auto}
  #nav input,#nav label{position:absolute;top:0;left:0;display:block}
  #nav input{z-index:4}
  #nav input:checked + label{color:white}
  #nav input:checked ~ ul{display:block}
  #menulabel{margin-right:0}
  #footer-wrapper .footer-wrap{width:100%;float:none}
  #footer-wrapper .tengahfoot{margin:0}
  .widget iframe,.widget object,.widget embed,.widget video {width: 100%;}  
}
@media only screen and (max-width:479px){
  #outer-wrapper{width:315px}
  #labelxnya span{padding:0;width:40px;text-indent:-9999px;background-image:url(http://2.bp.blogspot.com/-JMUBMkGYcX8/UM9jRlNTEDI/AAAAAAAAHKg/oxn7iJgRXRg/s1600/spite1.png);background-position:3px -222px;background-repeat:no-repeat}
  .widget iframe,.widget object,.widget embed,.widget video {width: 100%;}  
}